<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">  
<h:head>
<meta charset="utf-8"></meta>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all"></link>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all"></link>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"></link>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Molengo_400.font.js"></script>
<script type="text/javascript" src="js/Expletus_Sans_400.font.js"></script>
</h:head>

<h:body id="page5">
	<div class="body1">
		<div class="main">
<!-- header -->
			<header>
				<div class="wrapper">
					<nav>
						<ul id="menu">
							<li><a href="Index.xhtml">About</a></li>
							<li><a href="ReportProblem.xhtml">Report a problem</a></li>
							<li><a href="ReportedProblems.xhtml">Reported problems</a></li>
							<li class="end"><a href="LogIn.xhtml">Log in</a></li>
						</ul>
					</nav>

				</div>
				<div class="wrapper">
					<h1><a href="Index.xhtml" id="logo">Fix It</a></h1>
				</div>
				<div id="slogan">
					Improve your city!
				</div>
			</header>
                </div>
        </div>
	<div class="body2">
		<div class="main">
<!-- content -->
			<section id="content">
				<div class="box1">
					<div class="wrapper">
						<article class="col1">
							<div class="pad_left1">
								<h2>Problem Details</h2>
<!--                                                                <div class="pad_left1">-->
<!--								<h2>Problem Details</h2>-->
                                                                <div  class="wrapper">
											<strong>Problem Name:</strong>
                                                                                        <div class="bg">#{problem.selectedProblem.problemname}</div>
								</div>
                                                                <div  class="wrapper">
											<strong>Reported Date:</strong>
                                                                                        <div class="bg">#{problem.selectedProblem.reportdateString}</div>
								</div>
                                                                <div  class="wrapper">
											<strong>Importance:</strong>
                                                                                        <div class="bg">#{problem.selectedProblem.importance}</div>
								</div>
        						</div>
							<!--</div>-->
						</article>
						
					</div>
				</div>
			</section>
<!-- content -->
		</div>
	</div>
<script type="text/javascript"> Cufon.now(); </script>
</h:body>
</html>